@charset "UTF-8";

/* ====== Reset ====== */
* { box-sizing: border-box; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font-size: 100%; }
body { font-size: 14px; line-height: 1.75; font-family: "微软雅黑",'PingFang SC', "Microsoft Yahei Light", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #666; background: #fff; overflow-x: hidden; }
em, strong, i { display: inline-block; font-style: normal; }
ul, ol, li { list-style: none; }
a { color: #444444; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a:hover { outline: none; color: #0061af; }
a:focus { outline: none; }
input, button { padding: 0; border: none; background: none; outline: none; font-family:  "微软雅黑",'PingFang SC', Helvetica; }
button { outline: none; }
textarea { border: none; background: none; outline: none; font-family:  "微软雅黑",'PingFang SC', Helvetica; }
table { border-collapse: collapse; word-wrap: break-all; border-spacing: 0; border: 1px solid #e4e4e4; }
input {-webkit-appearance:none; /*去除input默认样式*/}
td, tr { padding: 5px; }
sup { vertical-align: top; }
sub { vertical-align: bottom; }
img { vertical-align: middle; border: none; max-width: 100%; }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #e4eaec }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.5; color: #333; }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-truncate { overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

/* ====== General ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none !important; }
.show { display: block; }
.clear { clear: both; height: 0;}
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.max-100 { max-width: 100%; }
.pic { overflow: hidden; }
.fw-bold { font-weight: bold; }

/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }

/*定宽布局*/
.com-width { margin-right: auto; margin-left: auto; width: 1200px; }
.w1600 { margin-right: auto; margin-left: auto; width: 1600px; }
.w1400 { margin-right: auto; margin-left: auto; width: 1440px; }
/* .waclc { margin-right: auto; margin-left: auto; width: calc(100% -320px);} */

/*其他*/
.mt-5 { margin-top: 5px !important }
.mt-10 { margin-top: 10px !important }
.mt-15 { margin-top: 15px !important }
.mt-20 { margin-top: 20px !important }
.mt-30 { margin-top: 30px !important }
.mt-40 { margin-top: 40px !important }
.mt-50 { margin-top: 50px !important }
.mt-60 { margin-top: 60px !important }
.mt-70 { margin-top: 70px !important }
.mt-80 { margin-top: 80px !important }
.mt-100 { margin-top: 100px !important }
.mb-5 { margin-bottom: 5px !important }
.mb-10 { margin-bottom: 10px !important }
.mb-15 { margin-bottom: 15px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }
.mb-60 { margin-bottom: 60px !important }
.mb-70 { margin-bottom: 70px !important }
.mb-80 { margin-bottom: 80px !important }
.mb-100 { margin-bottom: 100px !important }
.fs-46 { font-size: 46px; }
.fs-36 { font-size: 36px; }
.fs-32 { font-size: 32px; }
.fs-16 { font-size: 16px; }
.fs-30 { font-size: 30px; }
.fs-28 { font-size: 28px; }
.fs-26 { font-size: 26px; }
.fs-24 { font-size: 24px; }
.fs-22 { font-size: 22px; }
.fs-20 { font-size: 20px; }
.fs-18 { font-size: 18px; }
.fs-16 { font-size: 16px; }
.fs-0 { font-size: 0; }
.lh-1 { line-height: 1; }
.lh-2 { line-height: 2; }
.mb-15 { margin-bottom: 15px; }
.pl-18 { padding-left: 18px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }
.pt-10 { padding-top: 10px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-110 { padding-top: 110px; }
.pt-170 { padding-top: 170px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-150 { padding-bottom: 150px; }
.pb-140 { padding-bottom: 140px; }
.pb-160 { padding-bottom: 160px; }
.c-999 { color: #999; }
.c-333 { color: #333; }
.c-888 { color: #888; }
.c-939393 { color: #939393; }
.c-fff { color: #fff !important; }
.c-default { color: #001daf !important; }
.bg-fff { background: #fff !important; }
.bg-gray { background: #f6f6f6; }
.bj-ico{
    background: url('../images/dian-bj-ico.png')
}